
import BaseView from './baseView.js';

export default class StudentView extends BaseView{
   render(){
      this.$el.html(`
        <h1>学生列表</h1>
        <hr/>
        <table id="showDatas"></table>
      `)
   }

   handle(){
      $("script[type='module']").append(`
      <script>
      layui.use('table', function(){
        var table = layui.table;
      
        //第一个实例
        table.render({
          elem: '#showDatas'
          ,url: '/api/student/shows' //数据接口
          //当后台返回的数据不满足layui的数据格式时，可进行转换
          ,parseData: function(res){
            return {
            "code": res.status, //解析接口状态
            "msg": res.message, //解析提示文本
            "count": res.total, //解析数据长度
            "data": res.datas //解析数据列表
            }
          }
          ,cols: [[ //表头
            {field: '_id', title: '编号', fixed: 'left'}
            ,{field: 'name', title: '用户名',}
            ,{field: 'gender', title: '性别'}
            ,{field: 'age', title: '年龄',} 
            ,{field: 'address', title: '家庭住址',}
            ,{field: 'score', title: '分数',}
          ]]
        });
        
      });
      </script>
      
      `)
    }
}
